<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="com.gamecard.common.Constants"%>
<%@ include file="common/taglib.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>游戏点卡在线销售系统</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<link href="${ctx }/css/style.css" type="text/css" rel="stylesheet" />
		<style type="text/css">
			#cell1 {
				width: 735px;
				border: 0;
				text-align: center;
				margin: 0 auto;
				background-color: #ffffff;
			}
			
			#column1 {
				float: left;
				width: 734px;
				background-color: #EDDEA0;
				height: 15px
			}
			
			#column2 {
				float: left;
				width: 734px;
				background-color: #EDDEA0;
				height: 15px
			}
		</style>
		<script type="text/javascript" src="${ctx }/js/jquery/jquery-1.6.1.min.js"></script>
		<script type="text/javascript">
			$(function() {
				$("#btnLogin").click(function() {
					var username = $("#username").val();
					var password = $("#password").val();
					var validateCode = $("#validateCode").val();

					var param = { "username": username, "password": password, "validateCode": validateCode };
					var url = "${ctx}/user/login.action";

					$.post(url, param, function(returnData) {
						if (returnData) {
							if ("" != returnData.msg) {
								alert(returnData.msg);
								refreshCode();
							} else {
								if ("<%=Constants.USER_ROLE_ADMIN %>" == returnData.role) {
									location.href = "${ctx}/admin/adminIndex.action";
								} else {
									location.href = "${ctx}/user/userIndex.action";
								}
							}
						}
					});
				});

				$("#btnReset").click(function() {
					$("#username").val("");
					$("#password").val("");
					$("#validateCode").val("");
				});
			});

			refreshCode = function() {
				var url = "${ctx }/validateCode?r=" + Math.random();

				$("#imgValidateCode").attr("src", url);
			}
		</script>
	</head>
	<body style="background-color:#336699; margin-left:0px; margin-top:0px; text-align:center">
		<div style="text-align:center; margin:auto;">
<div id="cell1" align="center">    
    
    <div id="column1" style="height:25px; text-align:left;"><span style="color:red; font-family:华文行楷; font-size:17px">&nbsp;游&nbsp;戏&nbsp;点&nbsp;卡&nbsp;在&nbsp;线&nbsp;销&nbsp;售&nbsp;系&nbsp;统</span> </div>
  
 </div>  
<div id="cell1" align="center">   

  <div style="float:left;width:217px; background-color:#EDDEA0;">
  <div style="width:210px;background-image:url(${ctx }/images/login_bg.gif)">
  <div style="width:210px;"><img alt="登录" src="${ctx }/images/login.gif" width="210" height="26" /></div>
  <br />
  <div style="width:210px;">
  <div style="float:left;width:33%;">用户名：</div>
  <div style="float:left;width:66%;"><s:textfield id="username" name="username" cssStyle="width: 112px"></s:textfield></div>
  </div>
  
  <div style="width:210px;">
  <div style="float:left;width:33%;">密码：</div>
  <div style="float:left;width:66%;"><s:password id="password" name="password" cssStyle="width: 112px"></s:password></div>
  </div>
  
  <div style="width:210px;">
  <div style="float:left;width:33%;">验证码：</div>
  <div style="float:left;width:66%;"><s:textfield id="validateCode" name="validateCode" cssStyle="width: 50px"></s:textfield><img id="imgValidateCode" alt="" src="${ctx }/validateCode" border="0" onclick="refreshCode();" /></div>
  </div>
  
  <div style="width:210px;"><br />
  <input type="button" id="btnLogin" value="登 录" style="cursor: hand;" />
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="btnReset" type="button" style="cursor:hand" value="重 来" /></div>
 
  <div style="width:210px; height:30px; margin-top:6px;"><img alt="" src="${ctx }/images/reg.gif" width="14" height="14" border="0" /> 
                    <a href="${ctx }/user/toRegister.action" target="_blank"> 注册会员</a>&nbsp;&nbsp;&nbsp;&nbsp;<img  alt="" border="0" src="${ctx }/images/reg.gif" width="14" height="14" />
                    <a href="${ctx }/user/findPassword.action?step=init" target="_blank"> 忘记密码？</a></div>
  <div style="width:210px"><img alt="" src="${ctx }/images/login_bottom.gif" border="0" width="210" height="7" /></div>   
  
  </div>
  </div>  
  
  <div style="float:right;width:499px; height:206px; border:3px solid #ffffff; border-right-color:#EDDEA0">
  
  <div style="width:464px;background-color:#cc0000;height:20;color:#ffffff"><b>最 新 公 告</b></div>
  
  <div style="width:420px; height:35px; line-height:30px;text-align:left;color:Blue">  
   <marquee onmouseover="stop()" onmouseout="start()" direction="left" scrolldelay="200" width="90%">
   <li><a href="${ctx }/card/listAllCardProduct.action" target="_blank"><span style="color:Blue; font-family:华文行楷; font-size:18px">查看所有商品</span></a></li> 
   </marquee>
  </div> 
  
  <div style="width:464px; height:100%;" id="divNewsList">   
  <marquee id="marquees" onmouseover="stop()" onmouseout="start()" direction="up" scrollamount="8" scrolldelay="200" width="90%" >
  	<s:iterator value="newsList">
  		<li>
  			<a href='${ctx}/news/viewNewsDetail.action?id=<s:property value="id" />' target="_blank" style="color:#003399;text-decoration: none;">
  				<s:property value="title" />
  			</a>
  		</li>
  		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  		<fmt:formatDate value="${createTime}" pattern="yyyy-MM-dd HH:mm:ss" />
  		<s:if test="%{@com.gamecard.util.DateUtil@isSameDay(createTime)}">
  			<img src="${ctx }/images/new.gif" alt="" border="0" />
  		</s:if>
  		<br />
  	</s:iterator>  	
  </marquee>
  </div> 
  
  </div>
  <div align="center">  
    
  <div style="float:left;width:217px;background-color:#EDDEA0"><br />
  <div style="width:208px;height :20;background-color:#CC0000" class="td1"><font color="#FFFFFF"><b>使用本系统的优点</b></font></div>
  <div style="width:208px"><br/>
            　　1．更灵活的购买方式；<br/>
            　　2．更丰富的商品品种；<br/>
            　　3．更具吸引力的价格；<br/>
            　　4．更适合本地用户群。<br/>
            <br /></div> 
   <div style="width:208px;height :20;background-color:#CC0000" class="td1"><font color="#FFFFFF"><b>客户服务</b></font></div>
  <div style="width:208px"><p><br/>
      &nbsp;如果您在使用本系统时有问题请及时和我们联系：<br/>
      &nbsp;&nbsp; 客服电话：010-83258011
               <br/>
              　　电子邮箱： jixuejian12@163.com<br/>
      充值电话：010-83258011<br/>
              　　客　　服QQ：461003114<br/>
      销售加盟QQ：461003114<br/>
      销售咨询QQ：461003114<br/>
      商务合作QQ：461003114<br/>
      商务联系QQ：461003114</p>
            <p>
              　　</p></div> 
  <div style="width:208px"><a href="#" target="_blank"><img alt="" src="${ctx }/images/8m8.gif" border="0" width="180" height="110"/></a></div> 
  <div style="width:208px"><a href="#" target="_blank"><img alt="" src="${ctx }/images/shengyu.gif" border="0" width="180" height="110"/></a></div> 
   <div style="width:208px; background-color:#EDDEA0"></div> 
     
  </div>
  <div style="float:right;width:499px; height:272px;border:3px solid #ffffff; border-right-color:#EDDEA0">
  <br />
  <div style="width:464px;height :20; background-color:#CC0000" class="td1"><font color="#FFFFFF"><b>使用数字卡销售系统将给你带来的好处</b></font></div>
  <div style="width:464px">
            　　1．会员坐享家中即可实现自助购卡、在线充值服务；<br/>
            　　2．享受比市场价优惠的会员价格，为您节省每一分钱；<br/>
            　　3．一次储值，多次购卡，想买什么就买什么；<br/>
            　　4．诚信经营，保证各会员随时可以购买到想要的卡品；<br/>
            　　5．系统稳定运行速度快，购卡过程简单易操作； <br/>
            　　6．7x24小时的供货与服务保障；
            　　7．不定期享受各种市场促销活动。
            <br /></div> 
    <div style="width:464px;height :20; background-color:#CC0000" class="td1"><font color="#FFFFFF"><b>如何成为会员</b></font></div>        
     <div style="width:464px">
            　<p><span class="td_fontb">
              　　1．会员申请在线填写申请表格，详细填写您的真实信息，以备丢失密码后查询，填写确认无误后提交；<br/>
              　　2．申请成功后，等待系统认证，认证通过后即可成为会员；<br />
              　　3．会员登录系统即可查看、修改个人信息；也可查询购物记录和帐户储值情况；<br/>
              　　4．通过现金、邮寄或银行电汇等方式为您的帐户储值；<br />
              　　5．储值成功后就可以在线购买各种数字卡商品，购卡后如果有余额，余额将存在您的帐户中，以备下次购卡使用；<br/>
              　　6．网吧客户和一次性储值500元的会员或累计购物1000元以上的会员，即可升级为vip会员，可享受购物更大折扣。</span>
              <br/></p></div>         
  <div style="width:464px;height :20; background-color:#CC0000" class="td1"><font color="#FFFFFF"><b>会员储值方法</b></font></div>        
     <div style="width:464px">
      <p> 
              　　会员可以以现金、邮寄或银行电汇等方式为您的帐户储值，具体方法如下：</p>
            <p>　　1．现金储值：
               <br/>
              　　采用现金储值的会员请到我公司所在地交款或播打客服电话，我们会派人上门收取，上门收取时请查看工作人员证件。</p>
            <p>　　2．邮局汇款：
               <br/>
                地址：北京市海淀区城府路207号 &nbsp;乔峰 (收)<br/>
                邮编：100871</p>
            <p>　　3．银行电汇：
               <br/>中国邮政　帐户：姬利 帐号：622 1881 0000 1025 4654 8632
               <br/>农业银行　帐户：乔峰 帐号：256 4415 4789 3862 6622 7337</p>
            <p>&nbsp;</p>
            　</div>             
  
  </div>
  
  
 </div>   
        
    
<div  id="cell1" align="center">   
            
    <div  id="column2"></div>            
</div>
</div>
	</body>
</html>